<template>
	<view class="page flex flex-col">
		<navbar :leftText="'拨号线路'" :backStatus="true"></navbar>
		<view class="text-26 boTips">
			<view class="w690">
				当前的网络配置方式为线下自主配置，不支持在小程序上进行线路增删调整，请您在线下自主配置
			</view>

		</view>
		<view class="w690  flex-1 text-white text-28">
			<view class="networkKa">
				<view class="flex-start netHeight">
					<view>网卡:&nbsp;eth0l &nbsp; | &nbsp;</view>
					<view>速率:100Mbit/sl &nbsp; | &nbsp;</view>
					<view>IP:192.168.11.3</view>
				</view>
				<view class="flex-start netHeight">
					<view>IPv6:&nbsp;</view>
					<view>未配置</view>
				</view>
			</view>

			<view class="networkKa">
				<view class="flex-start netHeight">
					<view>网卡:&nbsp; sit0 &nbsp; | &nbsp;无效网卡</view>
				</view>
			</view>

			<view class="networkKa">
				<view class="flex-start netHeight">
					<view>网卡:&nbsp; ip6tnl0 &nbsp;| &nbsp;无效网卡</view>
				</view>
			</view>

			<view class="text-green flex-start">
				<up-copy content="uview-plus is great !">
					<image class="copyIcon" src="http://yyx-web-oss.oss-cn-beijing.aliyuncs.com/shopping/copy.png"
						mode="">
					</image>
				</up-copy>
				<view style="height:45rpx;">
					复制网络信息
				</view>

			</view>

		</view>
	</view>
</template>

<script setup>
	import * as api from "@/utils/api.js"
	import {
		ref,
		reactive,
		onMounted,
		inject
	} from 'vue';
	let imageUrl = ref("");
	onMounted(() => {
		// 全局变量引入
		const globalData = inject('globalData');
		imageUrl.value = globalData.value.imgOssUrl;
	})
	const userInfo = reactive({
		name: ""
	})
	// 收益分类
	const list1 = reactive([{
			name: '服务商申请'
		},
		{
			name: '团队申请'
		}
	]);
</script>

<style scoped>
	.netHeight {
		line-height: 60rpx;
	}

	.networkKa {
		padding: 20rpx;
		box-shadow: inset 0rpx 0rpx 32rpx 14rpx rgba(43, 23, 147, 0.59);
		border-radius: 8rpx;
		margin: 20rpx 0 20rpx 0;
	}

	.copyIcon {
		width: 40rpx;
		height: 40rpx;
		margin-right: 10rpx;
	}

	.boTips {
		background: rgba(240, 41, 71, 0.14);
		color: #F02947;
		line-height: 36rpx;
		padding: 20rpx 0;
		box-sizing: border-box;
	}
</style>